<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>SBG管理平台</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="row border-bottom white-bg dashboard-header">
        <div class="col-sm-3">
            <h2>Hello,Guest</h2>
            <small>移动设备访问请扫描以下二维码：</small>
            <br>
            <br>
            <img th:src="@{/img/qr_code.png}" width="100%" style="max-width:264px;">
            <br>
        </div>
        <div class="col-sm-5">
            <h2>SingleGameBox管理平台</h2>
            <p>
                单机游戏盒子客户端对应的后端服务，统一管理游戏，激活码等信息
            </p>
            <p>
                <b>当前版本：</b><span>v[[${version}]]</span>
            </p>
            <h2>激活数量统计</h2>
            <p>
                <b>上周已激活([[${statistic.preWeek.start}]] 至 [[${statistic.preWeek.end}]])：</b><span style="color: red">[[${statistic.preWeek.count}]] 个</span>
            </p>
            <p>
                <b>本周已激活([[${statistic.currWeek.start}]] 至 [[${statistic.currWeek.end}]])：</b><span style="color: red">[[${statistic.currWeek.count}]] 个</span>
            </p>
            <p>
                <b>上月已激活([[${statistic.preMonth.start}]] 至 [[${statistic.preMonth.end}]])：</b><span style="color: red">[[${statistic.preMonth.count}]] 个</span>
            </p>
            <p>
                <b>本月已激活([[${statistic.currMonth.start}]] 至 [[${statistic.currMonth.end}]])：</b><span style="color: red">[[${statistic.currMonth.count}]] 个</span>
            </p>
            <p>
                <b>总激活数([[${statistic.total.start}]] 至 [[${statistic.total.end}]])：</b><span style="color: red">[[${statistic.total.count}]] 个</span>
            </p>
        </div>
        <div class="col-sm-4">
            <h4>技术选型：</h4>
            <ol>
                <li>核心框架：Spring Boot。</li>
                <li>安全框架：Apache Shiro。</li>
                <li>模板引擎：Thymeleaf。</li>
                <li>持久层框架：MyBatis。</li>
                <li>定时任务：Quartz。</li>
                <li>数据库连接池：Druid。</li>
                <li>工具类：Fastjson。</li>
                <li>更多……</li>
            </ol>
        </div>

    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>联系信息</h5>

                    </div>
                    <div class="ibox-content">

                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>更新日志</h5>
                    </div>
                    <div class="ibox-content no-padding">

                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>捐赠</h5>
                    </div>
                    <div class="ibox-content">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
